import BScroll from "better-scroll"

//设置横向滚动的方法
/**
 * 
 * @param {*} that 代表vue实例
 * @param {*} wrapper 横向滚动的容器
 * @param {*} content 横向滚动的内容区
 * @param {*} num 滚动项的数目
 * @param {*} itemWidth 滚动项的宽度（单位是rem）
 */
function betterScrollHorizontal(that,wrapper,content,num, itemWidth) {
    content.style.width = num * itemWidth + "rem";
    that.$nextTick(() => {
        that.scroll = new BScroll(wrapper, {
            scrollX: true,//开启横向滚动
            scrollY: false,//关闭纵向滚动
            startX: 0,//横向滚动的开始位置
            click:true,//允许单击事件
        });
    });
}

//设置纵向滚动的方法
//可以自行完成
export {betterScrollHorizontal};